<template>
  <div id="app">
    <router-view />
  </div>
</template>

<script>
export default {
  name: 'App',
  spinnerTimeoutId: null,
  mounted() {
    document.body.classList.add('ag')

    this.spinnerTimeoutId = setTimeout(() => {
      const spinner = document.getElementById('spinner')

      if (spinner) {
        spinner.remove()
      }
    }, 900)
  },
  destroyed() {
    if (this.spinnerTimeoutId) {
      clearTimeout(this.spinnerTimeoutId)
    }
  },
}
</script>

<style lang="less">
body {
  color: #647279;
  font-family: Helvetica Neue, Helvetica, PingFang SC, Hiragino Sans GB,
    Microsoft YaHei, SimSun, sans-serif;
}

@import '../../core/assets/styles/base.less';
</style>
